<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="280" height="180" fill="var(--el-fill-color-light)" />
    <path
      d="M57 92C56.3333 91.3334 55 90 55 90L57 87.9998"
      stroke="var(--el-color-primary)"
      stroke-width="0.7"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <g filter="url(#filter0_d_13550_224362)">
      <rect
        x="74"
        y="80"
        width="20"
        height="20"
        rx="3.33333"
        fill="var(--el-color-primary)"
      />
    </g>
    <path
      d="M83.856 87.288C83.664 87.488 83.424 87.672 83.136 87.848C82.848 88.008 82.576 88.12 82.32 88.184V89.112C82.848 88.96 83.28 88.728 83.624 88.416V93H84.56V87.288H83.856Z"
      fill="white"
    />
    <g filter="url(#filter1_d_13550_224362)">
      <rect
        x="102"
        y="80"
        width="20"
        height="20"
        rx="3.33333"
        fill="var(--el-fill-color-blank)"
      />
      <rect
        x="101.7"
        y="79.7"
        width="20.6"
        height="20.6"
        rx="3.63333"
        stroke="var(--el-border-color-dark)"
        stroke-width="0.6"
      />
    </g>
    <path
      d="M111.988 87.176C111.372 87.176 110.876 87.384 110.5 87.8C110.132 88.192 109.948 88.704 109.94 89.344H110.876C110.892 88.896 110.988 88.552 111.164 88.328C111.34 88.088 111.604 87.968 111.956 87.968C112.284 87.968 112.532 88.04 112.7 88.192C112.86 88.344 112.948 88.576 112.948 88.888C112.948 89.208 112.82 89.512 112.572 89.792C112.412 89.96 112.156 90.176 111.788 90.432C111.124 90.888 110.684 91.24 110.476 91.48C110.092 91.912 109.908 92.416 109.908 93H113.892V92.176H111.076C111.204 91.888 111.556 91.552 112.14 91.168C112.7 90.792 113.1 90.488 113.324 90.248C113.692 89.84 113.884 89.392 113.884 88.896C113.884 88.384 113.708 87.976 113.356 87.656C112.996 87.336 112.54 87.176 111.988 87.176Z"
      fill="var(--el-border-color-dark)"
    />
    <path
      d="M166.096 91.792C165.92 91.792 165.768 91.848 165.656 91.976C165.528 92.096 165.472 92.248 165.472 92.424C165.472 92.6 165.528 92.744 165.656 92.872C165.768 92.984 165.92 93.048 166.096 93.048C166.272 93.048 166.416 92.984 166.544 92.872C166.664 92.744 166.728 92.6 166.728 92.424C166.728 92.248 166.664 92.096 166.544 91.976C166.416 91.848 166.272 91.792 166.096 91.792ZM168.299 91.792C168.123 91.792 167.971 91.848 167.859 91.976C167.731 92.096 167.675 92.248 167.675 92.424C167.675 92.6 167.731 92.744 167.859 92.872C167.971 92.984 168.123 93.048 168.299 93.048C168.475 93.048 168.619 92.984 168.747 92.872C168.867 92.744 168.931 92.6 168.931 92.424C168.931 92.248 168.867 92.096 168.747 91.976C168.619 91.848 168.475 91.792 168.299 91.792ZM170.502 91.792C170.326 91.792 170.174 91.848 170.062 91.976C169.934 92.096 169.878 92.248 169.878 92.424C169.878 92.6 169.934 92.744 170.062 92.872C170.174 92.984 170.326 93.048 170.502 93.048C170.678 93.048 170.822 92.984 170.95 92.872C171.07 92.744 171.134 92.6 171.134 92.424C171.134 92.248 171.07 92.096 170.95 91.976C170.822 91.848 170.678 91.792 170.502 91.792Z"
      fill="var(--el-border-color-dark)"
    />
    <g filter="url(#filter2_d_13550_224362)">
      <rect
        x="130"
        y="80"
        width="20"
        height="20"
        rx="3.33333"
        fill="var(--el-fill-color-blank)"
      />
      <rect
        x="129.7"
        y="79.7"
        width="20.6"
        height="20.6"
        rx="3.63333"
        stroke="var(--el-border-color-dark)"
        stroke-width="0.6"
      />
    </g>
    <path
      d="M139.956 87.176C139.396 87.176 138.932 87.328 138.572 87.648C138.188 87.968 137.98 88.416 137.932 88.992H138.852C138.884 88.648 138.996 88.392 139.188 88.224C139.372 88.056 139.628 87.976 139.964 87.976C140.292 87.976 140.54 88.048 140.708 88.192C140.86 88.336 140.94 88.544 140.94 88.824C140.94 89.104 140.852 89.32 140.684 89.464C140.508 89.608 140.252 89.68 139.916 89.68H139.516V90.384H139.916C140.284 90.384 140.564 90.456 140.756 90.616C140.948 90.768 141.052 91.008 141.052 91.336C141.052 91.608 140.956 91.832 140.772 92.016C140.564 92.216 140.276 92.32 139.916 92.32C139.588 92.32 139.324 92.224 139.124 92.04C138.9 91.84 138.788 91.552 138.772 91.184H137.82C137.868 91.824 138.092 92.32 138.492 92.656C138.852 92.96 139.332 93.112 139.924 93.112C140.548 93.112 141.052 92.936 141.436 92.592C141.804 92.256 141.988 91.824 141.988 91.296C141.988 90.96 141.892 90.68 141.7 90.464C141.524 90.256 141.26 90.104 140.924 90C141.556 89.792 141.876 89.376 141.876 88.752C141.876 88.256 141.7 87.872 141.356 87.592C141.004 87.312 140.532 87.176 139.956 87.176Z"
      fill="var(--el-border-color-dark)"
    />
    <g filter="url(#filter3_d_13550_224362)">
      <rect
        x="186"
        y="80"
        width="20"
        height="20"
        rx="3.33333"
        fill="var(--el-fill-color-blank)"
      />
      <rect
        x="185.7"
        y="79.7"
        width="20.6"
        height="20.6"
        rx="3.63333"
        stroke="var(--el-border-color-dark)"
        stroke-width="0.6"
      />
    </g>
    <path
      d="M193.356 87.288C193.164 87.488 192.924 87.672 192.636 87.848C192.348 88.008 192.076 88.12 191.82 88.184V89.112C192.348 88.96 192.78 88.728 193.124 88.416V93H194.06V87.288H193.356ZM197.181 87.176C196.509 87.176 195.989 87.448 195.621 88.008C195.269 88.536 195.093 89.248 195.093 90.144C195.093 91.04 195.269 91.752 195.621 92.28C195.989 92.832 196.509 93.112 197.181 93.112C197.845 93.112 198.365 92.832 198.741 92.28C199.093 91.752 199.269 91.04 199.269 90.144C199.269 89.248 199.093 88.536 198.741 88.008C198.365 87.448 197.845 87.176 197.181 87.176ZM197.181 87.968C197.629 87.968 197.949 88.216 198.141 88.728C198.269 89.072 198.333 89.544 198.333 90.144C198.333 90.736 198.269 91.208 198.141 91.56C197.949 92.064 197.629 92.32 197.181 92.32C196.725 92.32 196.405 92.064 196.221 91.56C196.093 91.208 196.029 90.736 196.029 90.144C196.029 89.544 196.093 89.072 196.221 88.728C196.405 88.216 196.725 87.968 197.181 87.968Z"
      fill="var(--el-border-color-dark)"
    />
    <path
      d="M223 88C223.667 88.6666 225 90 225 90L223 92.0002"
      stroke="var(--el-color-primary)"
      stroke-width="0.7"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <defs>
      <filter
        id="filter0_d_13550_224362"
        x="66"
        y="72"
        width="36"
        height="36"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.3 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13550_224362"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13550_224362"
          result="shape"
        />
      </filter>
      <filter
        id="filter1_d_13550_224362"
        x="88.0666"
        y="66.0671"
        width="47.8669"
        height="47.8659"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="6.66667" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13550_224362"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13550_224362"
          result="shape"
        />
      </filter>
      <filter
        id="filter2_d_13550_224362"
        x="116.067"
        y="66.0671"
        width="47.8669"
        height="47.8659"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="6.66667" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13550_224362"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13550_224362"
          result="shape"
        />
      </filter>
      <filter
        id="filter3_d_13550_224362"
        x="172.067"
        y="66.0671"
        width="47.8669"
        height="47.8659"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="6.66667" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13550_224362"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13550_224362"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
</template>
